<style>
    .loading_div{
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(255,255,255,0.5);
    }
    .loading_img{
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        margin: 0 auto;
        width: 20vw;
        transform: translate(-50%, -50%);
    }
</style>
<div id="loading_div" class="loading_div">
    <img src="{{asset(env('CDN_HOST').'/public/img/base/web_loading.gif')}}" alt="" id="loading_img" class="loading_img">
</div>
<script>
    loading = $("#loading_div")
    loading.show()
    $("body").on("click", "a", function () {
        loading.show()
    })
</script>